<template>
  <div>
    检查单明细
  </div>
  <div class="RightTable" v-if="analyseList.length">
    <div v-for="(item, index) in analyseList" :key="index" class="checkNew">
      <el-tag effect="plain" class="checkNew-tag">
        <span>{{ index + 1 }}</span> {{ item.name }}
      </el-tag>
    </div>
  </div>
  <div v-else class="ElEmpty">
    <el-empty :image-size="70" description="暂无数据" />
  </div>
</template>
<script>
export default {
  props: {
    analyseList: {
      type: Array,
      default: () => []
    }
  },
  data() {
    return {
    }
  }
}
</script>
<style lang="scss" scoped>
.RightTable {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-content: start;
  .checkNew {
    margin-right: 10px;
    margin-top: 10px;

    // background-color: red;
    // padding: 2px;
    .checkNew-tag {
      background: radial-gradient(circle, #557491, #073e56);
      border: none;
      color: #fff;
    }
  }
}

.ElEmpty {
  :deep(.el-empty) {
    padding: 0;
  }
  margin: 0 auto;
}
</style>
